<#include "../../layout/loginLayout.ftl">
<#include "./login-component.ftl">
<@layout>
    <div id="login-panel">
        <div class="bk">
            <div class="layui-card login-card">
                <div class="layui-card-header" style="border-bottom: 1px solid #e8e8e8;">
                    登录
                </div>
                <div class="layui-card-body">
                    <form class="layui-form" action="/login/confirm" method="post" id="loginForm"
                          style="padding-top:30px;padding-bottom: 0;">
                        <div class="layui-form-item">
                            <label class="layui-form-label">账号：</label>
                            <div class="layui-input-block" style="margin-right: 30px;">
                                <input type="text" name="username" class="layui-input" lay-reqText="请输入账号"
                                       lay-verType="tips" lay-verType="tips" lay-verify="required" placeholder="请输入账号">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">部门：</label>
                            <div class="layui-input-block" style="margin-right: 30px;">
                                <input id="deptId" autocomplete="off" type="text" name="deptId" class="layui-input"
                                       lay-reqText="请选择部门" lay-verType="tips" lay-verType="tips" lay-verify="required"
                                       placeholder="请选择部门">
                                <div id="menuContent"></div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">密码：</label>
                            <div class="layui-input-block" style="margin-right: 30px;">
                                <input type="password" id="password" class="layui-input" lay-reqText="请输入密码"
                                       lay-verType="tips" lay-verType="tips" lay-verify="required" placeholder="请输入密码">
                            </div>
                        </div>
                        <div class="layui-form-item" style="margin-bottom: 15px;">
                            <div class="layui-input-block submit-btn-area">
                                <button class="layui-btn layui-btn-radius layui-btn-main" lay-submit="" id="btn_submit"
                                        style="width: 280px;margin-left: 25px;">登录
                                </button>
                                <#--                                <button id="btn-register" type="button" class="layui-btn layui-btn-primary">注册</button>-->
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-input-block" style="float:right;margin-right: 30px;">
                                <a href="javascript:;">忘记密码？</a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="layui-row" style="margin-top:700px;">
                <div class="layui-col-md6">
                    <div style="text-align: center; padding:10px;color: gray;font-size: 13px;">
                        <!-- 底部固定区域 -->
                        <div style="text-align: left;">
                            <#--  <div style="margin-bottom: 10px;"><span>© 杭州数动云科技有限公司 版权所有</span></div>  -->
                            <div><span>浙ICP证000000号   浙ICP备00000000号</span></div>
                            <div><span>浙网文[2019]0000-000号</span></div>
                            <div><span>浙公网安备000000000000    新出网证(浙)字000号</span></div>
                            <div><span>违法和不良信息举报电话：0000000000-0</span></div>
                            <div><span>中国互联网举报中心 电话：00000</span></div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md6">
                    <ul style="text-align: center; padding:10px;color: gray;font-size: 13px;">
                        <li class="bot-contact-item"><a>关于我们</a></li>
                        <li class="bot-contact-item"><a>加入我们</a></li>
                        <li class="bot-contact-item"><a>联系我们</a></li>
                        <li class="bot-contact-item"><a>免责声明</a></li>
                        <li class="bot-contact-item"><a>帮助中心</a></li>
                        <li class="bot-contact-item"><a>移动应用</a></li>
                    </ul>
                    <div style="clear: both;margin-top: 20px;margin-left: 20px;">
                        <img src="/static/img/u18.png">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <style>
        body {
            min-width: 1300px;
        }

        #login-panel {
            height: 670px;
            display: flex;
            background: url("/static/img/bk.jpg") no-repeat center;
        }

        #login-panel .bk {
            min-width: 1300px;
            margin: 0 auto;
        }

        #login-panel .bk .login-card {
            width: 400px;
            margin-top: 120px;
            margin-right: 30px;
            float: right;
            border: 1px solid #e8e8e8;
            border-radius: 5px;
        }

        @media screen and (min-width: 1300px) {
            #login-panel .bk {
                margin-left: calc((100vw - 1300px) / 2);
            }
        }

        #login-panel .bot-contact-item {
            float: left;
            padding: 0 10px 0 10px;
        }

        #login-panel .layui-form-item {
            margin-bottom: 30px;
        }
    </style>
</@layout>

<@js>
    <@login_component></@login_component>
</@js>